<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - TestReport</title>
    <style>
        body {
            background-color: #f2f2f2;
            color: #333;
            margin: 0 auto;
            width: 960px;
        }

        #summary {
            width: 960px;
            margin-bottom: 20px;
        }

        #summary th {
            background-color: skyblue;
            padding: 5px 12px;
        }

        #summary td {
            background-color: lightblue;
            text-align: center;
            padding: 4px 8px;
        }

        .details {
            width: 960px;
            margin-bottom: 20px;
        }

        .details th {
            background-color: skyblue;
            padding: 5px 12px;
        }

        .details tr .passed {
            background-color: lightgreen;
        }

        .details tr .failed {
            background-color: red;
        }

        .details tr .unchecked {
            background-color: gray;
        }

        .details td {
            background-color: lightblue;
            padding: 5px 12px;
        }

        .details .detail {
            background-color: lightgrey;
            font-size: smaller;
            padding: 5px 10px;
            line-height: 20px;
            text-align: left;
        }

        .details .success {
            background-color: greenyellow;
        }

        .details .error {
            background-color: red;
        }

        .details .failure {
            background-color: salmon;
        }

        .details .skipped {
            background-color: gray;
        }

        .button {
            font-size: 1em;
            padding: 6px;
            width: 4em;
            text-align: center;
            background-color: #06d85f;
            border-radius: 20px/50px;
            cursor: pointer;
            transition: all 0.3s ease-out;
        }

        a.button {
            color: gray;
            text-decoration: none;
            display: inline-block;
        }

        .button:hover {
            background: #2cffbd;
        }

        .overlay {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
            transition: opacity 500ms;
            visibility: hidden;
            opacity: 0;
            line-height: 25px;
        }

        .overlay:target {
            visibility: visible;
            opacity: 1;
        }

        .popup {
            margin: 70px auto;
            padding: 20px;
            background: #fff;
            border-radius: 10px;
            width: 50%;
            position: relative;
            transition: all 3s ease-in-out;
        }

        .popup h2 {
            margin-top: 0;
            color: #333;
            font-family: Tahoma, Arial, sans-serif;
        }

        .popup .close {
            position: absolute;
            top: 20px;
            right: 30px;
            transition: all 200ms;
            font-size: 30px;
            font-weight: bold;
            text-decoration: none;
            color: #333;
        }

        .popup .close:hover {
            color: #06d85f;
        }

        .popup .content {
            max-height: 80%;
            overflow: auto;
            text-align: left;
        }

        .popup .separator {
            color: royalblue
        }

        @media screen and (max-width: 700px) {
            .box {
                width: 70%;
            }

            .popup {
                width: 70%;
            }
        }

    </style>
</head>

<body>
<h1>Test Report: </h1>

<h2>Summary</h2>
<table id="summary">
    <tr>
        <th>START AT</th>
        <td colspan="4">2019-01-28 04:43:45</td>
    </tr>
    <tr>
        <th>DURATION</th>
        <td colspan="4">0.242 seconds</td>
    </tr>
    <tr>
        <th>PLATFORM</th>
        <td>HttpRunner 2.0.1</td>
        <td>CPython 3.5.2</td>
        <td colspan="2">Linux-4.9.125-linuxkit-x86_64-with-Ubuntu-18.04-bionic</td>
    </tr>
    <tr>
        <th>STAT</th>
        <th colspan="2">TESTCASES (success/fail)</th>
        <th colspan="2">TESTSTEPS (success/fail/error/skip)</th>
    </tr>
    <tr>
        <td>total (details) =></td>
        <td colspan="2">1 (1/0)</td>
        <td colspan="2">1 (1/0/0/0)</td>
    </tr>
</table>

<h2>Details</h2>

<h3>testcase description</h3>
<table id="suite_1" class="details">
    <tr>
        <td>TOTAL: 1</td>
        <td>SUCCESS: 1</td>
        <td>FAILED: 0</td>
        <td>ERROR: 0</td>
        <td>SKIPPED: 0</td>
    </tr>
    <tr>
        <th>Status</th>
        <th colspan="2">Name</th>
        <th>Response Time</th>
        <th>Detail</th>
    </tr>


    <tr id="record_1_1">
        <th class="success" style="width:5em;">success</th>
        <td colspan="2">/api/</td>
        <td style="text-align:center;width:6em;">228.37 ms</td>
        <td class="detail">


            <a class="button" href="#popup_log_1_1_1">log-1</a>
            <div id="popup_log_1_1_1" class="overlay">
                <div class="popup">
                    <h2>Request and Response data</h2>
                    <a class="close" href="#record_1_1_1">&times;</a>

                    <div class="content">
                        <h3>Name: /api/</h3>


                        <h3>Request:</h3>
                        <div style="overflow: auto">
                            <table>

                                <tr>
                                    <th>headers</th>
                                    <td>


                                        <div>
                                            <strong>Accept-Encoding</strong>: gzip, deflate
                                        </div>

                                        <div>
                                            <strong>Accept</strong>: */*
                                        </div>

                                        <div>
                                            <strong>User-Agent</strong>: python-requests/2.9.1
                                        </div>

                                        <div>
                                            <strong>Connection</strong>: keep-alive
                                        </div>


                                    </td>
                                </tr>

                                <tr>
                                    <th>method</th>
                                    <td>

                                        GET

                                    </td>
                                </tr>

                                <tr>
                                    <th>url</th>
                                    <td>

                                        https://www.tianqiapi.com/api/?version=v1&city=%E6%B5%8E%E5%8D%97

                                    </td>
                                </tr>

                            </table>
                        </div>

                        <h3>Response:</h3>
                        <div style="overflow: auto">
                            <table>

                                <tr>
                                    <th>reason</th>
                                    <td>

                                        OK

                                    </td>
                                </tr>

                                <tr>
                                    <th>content_type</th>
                                    <td>

                                        application/json

                                    </td>
                                </tr>

                                <tr>
                                    <th>json</th>
                                    <td>

                                        {'cityid': '101120101', 'update_time': '2019-01-28 11:30:00', 'data': [{'air':
                                        90, 'win_speed': '<3级', 'week': '星期一', 'air_tips':
                                        '空气好，可以外出活动，除极少数对污染物特别敏感的人群以外，对公众没有危害！', 'wea': '晴', 'alarm': [], 'air_level':
                                        '良', 'day': '28日（今天）', 'index': [{'desc': '涂擦SPF大于15、PA+防晒护肤品。', 'title':
                                        '紫外线指数', 'level': '中等'}, {'desc': '天气较舒适，减肥正当时。', 'title': '</em><em>', 'level':
                                        None}, {'desc': '天气条件好，血糖不易波动，可适时进行户外锻炼。', 'title': '健臻·血糖指数', 'level': '不易波动'},
                                        {'desc': '建议着厚外套加毛衣等服装。', 'title': '穿衣指数', 'level': '较冷'}, {'desc':
                                        '无雨且风力较小，易保持清洁度。', 'title': '洗车指数', 'level': '较适宜'}, {'desc': '易感人群应适当减少室外活动。',
                                        'title': '空气污染扩散指数', 'level': '中'}], 'wea_img': 'qing', 'win': ['北风', '南风'],
                                        'date': '2019-01-28', 'tem2': '1℃', 'hours': [{'day': '28日08时', 'wea': '晴',
                                        'tem': '1℃', 'win': '北风', 'win_speed': '<3级'}, {'day': '28日11时', 'wea': '晴',
                                        'tem': '5℃', 'win': '北风', 'win_speed': '<3级'}, {'day': '28日14时', 'wea': '晴',
                                        'tem': '6℃', 'win': '北风', 'win_speed': '<3级'}, {'day': '28日17时', 'wea': '晴',
                                        'tem': '4℃', 'win': '北风', 'win_speed': '<3级'}, {'day': '28日20时', 'wea': '晴',
                                        'tem': '1℃', 'win': '北风', 'win_speed': '<3级'}, {'day': '28日23时', 'wea': '晴',
                                        'tem': '1℃', 'win': '南风', 'win_speed': '<3级'}, {'day': '29日02时', 'wea': '晴',
                                        'tem': '1℃', 'win': '南风', 'win_speed': '<3级'}, {'day': '29日05时', 'wea': '晴',
                                        'tem': '2℃', 'win': '南风', 'win_speed': '<3级'}], 'tem1': '7℃', 'tem': '5℃'},
                                        {'win_speed': '3-4级', 'week': '星期二', 'wea': '多云转阴', 'day': '29日（明天）', 'index':
                                        [{'desc': '辐射弱，涂擦SPF8-12防晒护肤品。', 'title': '紫外线指数', 'level': '最弱'}, {'desc':
                                        '风有点大，可选择室内运动燃脂。', 'title': '</em><em>', 'level': None}, {'desc':
                                        '天气条件好，血糖不易波动，可适时进行户外锻炼。', 'title': '健臻·血糖指数', 'level': '不易波动'}, {'desc':
                                        '建议着棉衣加羊毛衫等冬季服装。', 'title': '穿衣指数', 'level': '冷'}, {'desc': '无雨且风力较小，易保持清洁度。',
                                        'title': '洗车指数', 'level': '较适宜'}, {'desc': '气象条件有利于空气污染物扩散。', 'title':
                                        '空气污染扩散指数', 'level': '良'}], 'wea_img': 'yun', 'tem1': '7℃', 'date':
                                        '2019-01-29', 'tem2': '1℃', 'hours': [{'day': '29日08时', 'wea': '晴', 'tem': '3℃',
                                        'win': '南风', 'win_speed': '<3级'}, {'day': '29日11时', 'wea': '多云', 'tem': '4℃',
                                        'win': '南风', 'win_speed': '3-4级'}, {'day': '29日14时', 'wea': '多云', 'tem': '6℃',
                                        'win': '南风', 'win_speed': '3-4级'}, {'day': '29日17时', 'wea': '多云', 'tem': '5℃',
                                        'win': '南风', 'win_speed': '<3级'}, {'day': '29日20时', 'wea': '多云', 'tem': '4℃',
                                        'win': '南风', 'win_speed': '3-4级'}, {'day': '29日23时', 'wea': '阴', 'tem': '4℃',
                                        'win': '南风', 'win_speed': '3-4级'}, {'day': '30日02时', 'wea': '阴', 'tem': '4℃',
                                        'win': '南风', 'win_speed': '<3级'}, {'day': '30日05时', 'wea': '阴', 'tem': '4℃',
                                        'win': '南风', 'win_speed': '<3级'}], 'win': ['南风', '南风'], 'tem': '3℃'},
                                        {'win_speed': '<3级转3-4级', 'week': '星期三', 'wea': '阴', 'day': '30日（后天）', 'index':
                                        [{'desc': '辐射弱，涂擦SPF8-12防晒护肤品。', 'title': '紫外线指数', 'level': '最弱'}, {'desc':
                                        '天凉室内可健身，户外运动需保暖。', 'title': '</em><em></em><em></em><em>', 'level': None},
                                        {'desc': '血糖较易波动，注意监测。', 'title': '健臻·血糖指数', 'level': '较易波动'}, {'desc':
                                        '建议着棉衣加羊毛衫等冬季服装。', 'title': '穿衣指数', 'level': '冷'}, {'desc': '无雨且风力较小，易保持清洁度。',
                                        'title': '洗车指数', 'level': '较适宜'}, {'desc': '气象条件较不利于空气污染物扩散。。', 'title':
                                        '空气污染扩散指数', 'level': '较差'}], 'wea_img': 'yin', 'tem1': '4℃', 'date':
                                        '2019-01-30', 'tem2': '-2℃', 'hours': [{'day': '30日08时', 'wea': '阴', 'tem':
                                        '1℃', 'win': '南风', 'win_speed': '3-4级'}, {'day': '30日11时', 'wea': '阴', 'tem':
                                        '2℃', 'win': '北风', 'win_speed': '<3级'}, {'day': '30日14时', 'wea': '阴', 'tem':
                                        '3℃', 'win': '北风', 'win_speed': '<3级'}, {'day': '30日17时', 'wea': '阴', 'tem':
                                        '3℃', 'win': '北风', 'win_speed': '<3级'}, {'day': '30日20时', 'wea': '阴', 'tem':
                                        '1℃', 'win': '北风', 'win_speed': '<3级'}, {'day': '30日23时', 'wea': '阴', 'tem':
                                        '0℃', 'win': '北风', 'win_speed': '3-4级'}, {'day': '31日02时', 'wea': '阴', 'tem':
                                        '0℃', 'win': '北风', 'win_speed': '3-4级'}, {'day': '31日05时', 'wea': '阴', 'tem':
                                        '-1℃', 'win': '北风', 'win_speed': '3-4级'}], 'win': ['北风', '北风'], 'tem': '1℃'},
                                        {'win_speed': '<3级转3-4级', 'week': '星期四', 'wea': '多云转晴', 'day': '31日（周四）',
                                        'index': [{'desc': '辐射弱，涂擦SPF8-12防晒护肤品。', 'title': '紫外线指数', 'level': '最弱'},
                                        {'desc': '天凉室内可健身，户外运动需保暖。', 'title': '</em><em></em><em></em><em>', 'level':
                                        None}, {'desc': '血糖较易波动，注意监测。', 'title': '健臻·血糖指数', 'level': '较易波动'}, {'desc':
                                        '建议着棉衣加羊毛衫等冬季服装。', 'title': '穿衣指数', 'level': '冷'}, {'desc': '无雨且风力较小，易保持清洁度。',
                                        'title': '洗车指数', 'level': '较适宜'}, {'desc': '易感人群应适当减少室外活动。', 'title':
                                        '空气污染扩散指数', 'level': '中'}], 'wea_img': 'yun', 'tem1': '3℃', 'date':
                                        '2019-01-31', 'tem2': '-2℃', 'hours': [{'day': '31日08时', 'wea': '阴', 'tem':
                                        '-1℃', 'win': '北风', 'win_speed': '<3级'}, {'day': '31日14时', 'wea': '多云', 'tem':
                                        '2℃', 'win': '南风', 'win_speed': '<3级'}, {'day': '31日20时', 'wea': '多云', 'tem':
                                        '-1℃', 'win': '南风', 'win_speed': '<3级'}, {'day': '01日02时', 'wea': '晴', 'tem':
                                        '0℃', 'win': '南风', 'win_speed': '3-4级'}], 'win': ['南风', '南风'], 'tem': '0℃'},
                                        {'win_speed': '3-4级', 'week': '星期五', 'wea': '晴转多云', 'day': '1日（周五）', 'index':
                                        [{'desc': '辐射较弱，涂擦SPF12-15、PA+护肤品。', 'title': '紫外线指数', 'level': '弱'}, {'desc':
                                        '风有点大，可选择室内运动燃脂。', 'title': '</em><em>', 'level': None}, {'desc':
                                        '气温多变，血糖易波动，请注意监测。', 'title': '健臻·血糖指数', 'level': '易波动'}, {'desc':
                                        '建议着厚外套加毛衣等服装。', 'title': '穿衣指数', 'level': '较冷'}, {'desc': '无雨且风力较小，易保持清洁度。',
                                        'title': '洗车指数', 'level': '较适宜'}, {'desc': '气象条件有利于空气污染物扩散。', 'title':
                                        '空气污染扩散指数', 'level': '良'}], 'wea_img': 'yun', 'tem1': '9℃', 'date':
                                        '2019-02-01', 'tem2': '2℃', 'hours': [{'day': '01日08时', 'wea': '晴', 'tem': '0℃',
                                        'win': '南风', 'win_speed': '3-4级'}, {'day': '01日14时', 'wea': '晴', 'tem': '8℃',
                                        'win': '南风', 'win_speed': '3-4级'}, {'day': '01日20时', 'wea': '晴', 'tem': '6℃',
                                        'win': '南风', 'win_speed': '3-4级'}, {'day': '02日02时', 'wea': '多云', 'tem': '3℃',
                                        'win': '南风', 'win_speed': '3-4级'}], 'win': ['南风', '南风'], 'tem': '3℃'},
                                        {'win_speed': '<3级', 'week': '星期六', 'wea': '阴转多云', 'day': '2日（周六）', 'index':
                                        [{'desc': '辐射弱，涂擦SPF8-12防晒护肤品。', 'title': '紫外线指数', 'level': '最弱'}, {'desc':
                                        '天气较舒适，减肥正当时。', 'title': '</em><em>', 'level': None}, {'desc':
                                        '天气条件好，血糖不易波动，可适时进行户外锻炼。', 'title': '健臻·血糖指数', 'level': '不易波动'}, {'desc':
                                        '建议着厚外套加毛衣等服装。', 'title': '穿衣指数', 'level': '较冷'}, {'desc': '无雨且风力较小，易保持清洁度。',
                                        'title': '洗车指数', 'level': '较适宜'}, {'desc': '气象条件较不利于空气污染物扩散。。', 'title':
                                        '空气污染扩散指数', 'level': '较差'}], 'wea_img': 'yun', 'tem1': '7℃', 'date':
                                        '2019-02-02', 'tem2': '0℃', 'hours': [{'day': '02日08时', 'wea': '多云', 'tem':
                                        '2℃', 'win': '南风', 'win_speed': '3-4级'}, {'day': '02日14时', 'wea': '阴', 'tem':
                                        '6℃', 'win': '南风', 'win_speed': '<3级'}, {'day': '02日20时', 'wea': '阴', 'tem':
                                        '2℃', 'win': '南风', 'win_speed': '<3级'}, {'day': '03日02时', 'wea': '多云', 'tem':
                                        '1℃', 'win': '北风', 'win_speed': '<3级'}], 'win': ['南风', '北风'], 'tem': '1℃'},
                                        {'win_speed': '3-4级转<3级', 'week': '星期日', 'wea': '晴转阴', 'day': '3日（周日）', 'index':
                                        [{'desc': '辐射较弱，涂擦SPF12-15、PA+护肤品。', 'title': '紫外线指数', 'level': '弱'}, {'desc':
                                        '天有点冷风较大，不妨室内运动下。', 'title': '</em><em></em><em></em><em>', 'level': None},
                                        {'desc': '天气条件好，血糖不易波动，可适时进行户外锻炼。', 'title': '健臻·血糖指数', 'level': '不易波动'},
                                        {'desc': '建议着棉衣加羊毛衫等冬季服装。', 'title': '穿衣指数', 'level': '冷'}, {'desc':
                                        '无雨且风力较小，易保持清洁度。', 'title': '洗车指数', 'level': '较适宜'}, {'desc': '气象条件有利于空气污染物扩散。',
                                        'title': '空气污染扩散指数', 'level': '良'}], 'wea_img': 'yin', 'tem1': '6℃', 'date':
                                        '2019-02-03', 'tem2': '0℃', 'hours': [{'day': '03日08时', 'wea': '多云', 'tem':
                                        '0℃', 'win': '北风', 'win_speed': '<3级'}, {'day': '03日14时', 'wea': '晴', 'tem':
                                        '5℃', 'win': '北风', 'win_speed': '3-4级'}, {'day': '03日20时', 'wea': '晴', 'tem':
                                        '2℃', 'win': '北风', 'win_speed': '3-4级'}, {'day': '04日02时', 'wea': '阴', 'tem':
                                        '1℃', 'win': '无持续风向', 'win_speed': '<3级'}], 'win': ['北风', '无持续风向'], 'tem':
                                        '1℃'}], 'city': '济南'}

                                    </td>
                                </tr>

                                <tr>
                                    <th>status_code</th>
                                    <td>

                                        200

                                    </td>
                                </tr>

                                <tr>
                                    <th>headers</th>
                                    <td>


                                        <div>
                                            <strong>Date</strong>: Mon, 28 Jan 2019 04:43:43 GMT
                                        </div>

                                        <div>
                                            <strong>Content-Type</strong>: application/json
                                        </div>

                                        <div>
                                            <strong>Connection</strong>: keep-alive
                                        </div>

                                        <div>
                                            <strong>Transfer-Encoding</strong>: chunked
                                        </div>

                                        <div>
                                            <strong>Vary</strong>: Accept-Encoding
                                        </div>

                                        <div>
                                            <strong>Content-Encoding</strong>: gzip
                                        </div>

                                        <div>
                                            <strong>Access-Control-Allow-Origin</strong>: *
                                        </div>

                                        <div>
                                            <strong>Server</strong>: nginx
                                        </div>


                                    </td>
                                </tr>

                                <tr>
                                    <th>encoding</th>
                                    <td>

                                        None

                                    </td>
                                </tr>

                                <tr>
                                    <th>url</th>
                                    <td>

                                        https://www.tianqiapi.com/api/?version=v1&city=%E6%B5%8E%E5%8D%97

                                    </td>
                                </tr>

                                <tr>
                                    <th>cookies</th>
                                    <td>

                                        {}

                                    </td>
                                </tr>

                                <tr>
                                    <th>ok</th>
                                    <td>

                                        True

                                    </td>
                                </tr>

                            </table>
                        </div>


                        <h3>Validators:</h3>
                        <div style="overflow: auto">
                            <table>
                                <tr>
                                    <th>check</th>
                                    <th>comparator</th>
                                    <th>expect value</th>
                                    <th>actual value</th>
                                </tr>

                                <tr>

                                    <td class="passed">

                                        status_code
                                    </td>
                                    <td>eq</td>
                                    <td>200</td>
                                    <td>200</td>
                                </tr>

                            </table>
                        </div>

                        <h3>Statistics:</h3>
                        <div style="overflow: auto">
                            <table>
                                <tr>
                                    <th>content_size(bytes)</th>
                                    <td>13517</td>
                                </tr>
                                <tr>
                                    <th>response_time(ms)</th>
                                    <td>228.37</td>
                                </tr>
                                <tr>
                                    <th>elapsed(ms)</th>
                                    <td>224.798</td>
                                </tr>
                            </table>
                        </div>

                    </div>
                </div>
            </div>


        </td>
    </tr>

</table>

</body>